import React from 'react'
import './style.less'
import CleanItem from './Item'

export default class CleanService extends React.Component {
  render() {
    const data = this.props.data
    console.log(data);
    return(
      <div className='clean-service'>
        {/*服务价格*/}
        <div className='clean-price'>
          <h2>服务价格</h2>
          {

            data.servicePrice.map((element,index) => {
              return (
                <div className='clear price-text' key={ index }>
                  <div>
                    <h3>日常保洁</h3>
                    <p>2小时起</p>
                  </div>
                  <div>
                    <span>35/小时</span>
                  </div>
                </div>
              )
            })
          }

        </div>
        <div className='clean-time'>
          <h2>参考耗时</h2>
          {
            data.timer.map((element,index) => {
              return <CleanItem data={ element } key={ index }/>
            })
          }
        </div>

      </div>
    )
  }
}
